﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Trebuchet._Default" %>
<!DOCTYPE html>
<html>
<head>
	<title>Trebuchet - Login</title>
	
	<meta charset="UTF-8">
	<meta name="keywords" content="Trebuchet world domination strategy game"> 
	<meta name="description" content="Trebuchet, an online strategy game">
	
	<link rel="stylesheet" type="text/css" href="css/master.css">
    <script language="JavaScript" type="text/javascript" src="/js/facebook.js" charset="iso-8859-1"></script>

	<script type="text/javascript">
        
	</script>
</head>
<body id="Home">
<form id="Form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" />
<Trebuchet:Header ID="HeaderControl" runat="server" />

<!-- Wrapper -->
<div id="Wrapper">
	<!-- Login & Registration -->
	<section id="Action">
		<div id="Login">
           		<Trebuchet:MessageDisplay id="mdMessageDisplayLogin" runat="server"></Trebuchet:MessageDisplay>
			<div>
				<label for="txtEmail">Email:</label>
				<asp:textbox id="txtEmail" runat="server"></asp:textbox>
			</div>
			<div>
				<label for="txtPassword">Password:</label>
				<asp:textbox id="txtPassword" runat="server" TextMode="Password"></asp:textbox>
			</div>
			<div>
				<div class="fb-login-button" scope="email">Login with Facebook</div>
				<asp:Button id="cmdLogin" cssclass="zing alt" runat="server" Text="Login"/>
      			</div>
			<div class="sm">
				<a href="">Forgot password?</a>
			</div>
		</div>
		
		<div id="Register">
			<h2>Join Up!</h2>
            		<Trebuchet:MessageDisplay id="mdMessageDisplayRegister" runat="server"></Trebuchet:MessageDisplay>
			<div>
				<label for="txtRegisterEmail">Email:</label>
				<asp:TextBox id="txtRegisterEmail" runat="server"></asp:TextBox>
			</div>
			<div>
				<label for="txtRegisterPassword">Password:</label>
				<asp:TextBox id="txtRegisterPassword" runat="server" TextMode="Password"></asp:TextBox>
			</div>
			<div>
				<label for="txtRegisterPasswordConfirm">Confirm Password:</label>
				<asp:TextBox id="txtRegisterPasswordConfirm" runat="server" TextMode="Password"></asp:TextBox>
			</div>
			<div>
				<asp:Button id="cmdRegister" cssclass="zing alt" runat="server" Text="Register"/>
			</div>
		</div>
	</section>
	<!-- / Login & Registration -->

	<!-- Promo Content -->
	<section id="Content">
		<div id="Promo">
			<h2>Build An Army.</h2>
			<h2>Destory Your Enemies.</h2>
			<h2>Conquer The World.</h2>
			
			<p>Trebuchet is an online, map-based strategy game. Sign up, choose your battleground, and challenge your friends or random opponents in a game of world domination.
			<br>
			<a class="zing" href="play.html">Get Started Now!</a>
			<br class="clear-left"></p>
		</div>
		
		<div class="spot left">
			<h3>Awesome Maps</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium pulvinar varius.</p>
		</div>
		
		<div class="spot right">
			<h3>Amazing Features</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium pulvinar varius.</p>
		</div>
	</section>
	<!-- / Promo Content -->
	
	<div class="clear"></div>

	<footer>
		&copy;2012 Algonquin Studios
	</footer>
	

</div>
<!-- / Wrapper -->

</form>
</body>
</html>